<template>
  <div>
    <el-container>
        <el-header>
            <h1>{{project.name}}</h1>
        </el-header>
        <el-main>
            <p>{{project.synopsis}}</p>
        </el-main>
        <el-footer>
            <span>目标：{{ project.target }}￥</span><br>
            <span>已募集：{{ project.amount }}￥</span>
            <el-icon size="40"><HelpFilled /></el-icon>
        </el-footer>
    </el-container>
  </div>
</template>

<script>
export default {
    props:{
        project:Object
    }
}
</script>

<style scoped>
.el-header{
    font-size:200%;
}
.el-main{
    height: 30vmin;
    display: flex;
    justify-content: center;
    align-items: center;
}
.el-footer{
    display: flex;
    justify-content: space-between;
}
</style>